<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <body class="body_cls">
        <ui:composition template="/resources/templates/estudiantes_master_template.xhtml">
            <ui:define name="title">
                SysADS - Registro Datos Estudiantes
            </ui:define>

            <ui:define name="content">
                <h:form>
                    <p:growl id="ed_datos_growl" showDetail="true" life="5000" />
                    <p:panel id="ed_datos_pnl" header="Ver / Editar Datos Personales">

                        <p:spacer height="10" />
                        <h:panelGrid columns="2">  
                            <h:outputLabel for="primer_nombre" value="Primer Nombre:*" />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="primer_nombre" value="" required="true" />
                            </p:inplace>

                            <h:outputLabel for="segundo_nombre" value="Segundo Nombre: " />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="segundo_nombre" value="" required="false"/>
                            </p:inplace>

                            <h:outputLabel for="primer_apellido" value="Primer Apellido:*" />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="primer_apellido" value="" required="true" />
                            </p:inplace>

                            <h:outputLabel for="segundo_apellido" value="Segundo Apellido: " />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="segundo_apellido" value="" required="false" />
                            </p:inplace>

                            <h:outputLabel for="apodo" value="Apodo: " />  
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="apodo" value="" required="false" />
                            </p:inplace>

                            <h:outputLabel for="sexo" value="Sexo:* " />  
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:selectOneMenu id="sexo" value="">  
                                    <f:selectItem itemLabel="Masculino" itemValue="1" />  
                                    <f:selectItem itemLabel="Femenino" itemValue="2" />  
                                </p:selectOneMenu>
                            </p:inplace>

                            <h:outputLabel for="dni" value="Identificacion:* " />  
                            <h:panelGrid columns="3">
                                <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                    <p:inputText id="dni" value="" required="true" />
                                </p:inplace>
                                <h:outputLabel for="tipoDoc" value="&nbsp;&nbsp;&nbsp;Tipo:* " />  
                                <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                    <p:selectOneMenu id="tipoDoc" value=" ">  
                                        <f:selectItem itemLabel="Cedula" itemValue="1" />  
                                        <f:selectItem itemLabel="Pasaporte" itemValue="2" />  
                                        <f:selectItem itemLabel="Acta de Nacimiento" itemValue="3" />  
                                    </p:selectOneMenu>
                                </p:inplace>
                            </h:panelGrid>

                            <h:outputLabel for="nacionalidad" value="Nacionalidad: " />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="nacionalidad" value="" required="false" />
                            </p:inplace>

                            <h:outputLabel for="direccion" value="Direccion:*" />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="direccion" value="" required="true"  size="60"/>
                            </p:inplace>

                            <h:outputLabel for="email" value="Email:* " />  
                            <h:panelGrid columns="3">
                                <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                    <p:inputText id="email" value="" required="true" size="20" />
                                </p:inplace>

                                <h:outputLabel for="telefono" value="&nbsp;&nbsp;&nbsp;Telefono:* " /> 
                                <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                    <p:inputMask id="telefono" value="" mask="(999) 999-9999" required="false" />
<!--                                    <p:inputMask value="" mask="(999) 999-9999" required="true" />-->
                                </p:inplace>
                            </h:panelGrid> 

                            <h:outputLabel for="fecha_nac" value="Fecha Nacimiento: * " />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:calendar id="fecha_nac" required="true" />
                            </p:inplace>

                            <h:outputLabel for="lugar_nac" value="Lugar de Nacimiento: " />
                            <p:inplace emptyLabel="Clic Para Modificar" effect="slide">
                                <p:inputText id="lugar_nac" value="" required="false" />
                            </p:inplace>

                        </h:panelGrid>

                        <p:spacer height="10" />

                        <f:facet name="footer">
                            <p:commandButton value="Guardar"  icon="ui-icon-check" update="ed_datos_growl" />
                            <p:spacer width="10" />
                            <p:commandButton value="Cancelar"  icon="ui-icon-cancel" />  
                        </f:facet>

                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
